home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Resources / Security / FULL - Iolo Drive Scrubber 3.5 / DriveScrubber3.exe / {code_GetDSDir} / dshtml.dll / 1033 / HTML / DEFAULT.CSS < prev    next >
Cascading Style Sheet File  |  2008-02-07  |  15KB  |  658 lines
  1. @charset "utf-8";
  2. html {
  3.     height: 100%;
  4.     overflow-x:hidden;
  5.     overflow-y:auto;
  6. }
  7. body {
  8.     margin: 0px;
  9.     border: 1 solid #222;
  10.     background-color: #FFFFFF;
  11.     font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  12.     font-size:11px;
  13.     font-weight:normal;
  14.     color:#222222;
  15.     height: 100%;
  16.  
  17. }
  18. body #watermark{
  19.     background:url(G_watermark_bg.jpg) bottom right no-repeat scroll;
  20.     background-color:transparent;
  21.     position:absolute;
  22.     left:0;
  23.     top:0;
  24.     z-index:10;
  25.     width: 100%;
  26.     height: 100%;
  27. }
  28.  
  29. body #wrapper{
  30.     position:absolute;
  31.     left:0;
  32.     top:0;
  33.     z-index:1000;
  34. }
  35. .body_gray_scrollbar {
  36. overflow:hidden;
  37. }
  38. /*  scrollbar-3dlight-color:#444547;
  39. scrollbar-arrow-color:#404142;
  40. scrollbar-base-color:#434445;
  41. scrollbar-darkshadow-color:#434445;
  42. scrollbar-face-color:#454547;
  43. scrollbar-highlight-color:#454547;
  44. scrollbar-shadow-color:#3a3a3a*/
  45.  
  46.  
  47. a {
  48.     color:#4170c0;
  49.     text-decoration:none;
  50. }
  51. a:hover {
  52.     text-decoration:underline;
  53. }
  54. a.dropdown_link{
  55.     background:url(G_link_dropdown_arrow.gif) no-repeat center right;
  56.     padding-right:8px;
  57. }
  58. .bold {
  59.     font-weight:bold
  60. }
  61. .status {
  62.     font-weight:bold
  63. }
  64. .green {
  65.     color:#008000
  66. }
  67. .blue {
  68.     color:#4070BF
  69. }
  70. .red {
  71.     color:#C80D0D
  72. }
  73. .gray {
  74.     color:#404040
  75. }
  76. .orange {
  77.     color:#EF8010
  78. }
  79. .yellow {
  80.     color:#CA9C00
  81. }
  82. .font12 {
  83.     font-size:12px
  84. }
  85. .hand {
  86.     cursor:pointer;
  87. }
  88. img {
  89.     border:0
  90. }
  91. img.icon {
  92.     margin-right: 12px;
  93. }
  94. .bg_selected_lightblue {
  95.     background-color:#f0fbff
  96. }
  97. .bg_selected_darkblue {
  98.     background-color:#d4e4f7
  99. }
  100. .floatR{float:right}
  101. .floatL{float:left}
  102. .graph{
  103.     margin-top: 10px;
  104.     width: 335px;
  105.     display: block;
  106.  
  107. }
  108. .clear {
  109.     clear:both
  110. }
  111. .loading p{margin-top:0;margin-bottom:10px;}
  112. #page_heading {
  113.     background:url(images/top_heading_bg.gif) repeat-x left top;
  114.     border-top:1px solid #c0c0c0;
  115.     border-right:1px solid #404040;
  116.     border-left:1px solid #b9b9b9;
  117.     border-bottom:1px solid #404040;
  118.     width:100%-20px;
  119.     margin:0;
  120.     padding-top:8px;
  121.     padding-left:2%;
  122.     height:30px;
  123.     color:#FFFFFF;
  124.     font-size:17px;
  125.     font-weight:normal;
  126. }
  127. #content {
  128.     width:100%-36px;
  129.     padding:3% 2%;
  130.     height: 94%-37px;
  131.     display: block;
  132. }
  133.  
  134. /****Module Box *****/
  135.  
  136. .modulebox {
  137.     width: 495px !important;
  138.     width: 495px;
  139.     margin-bottom: 15px;
  140. }
  141. .modulebox_topborder {
  142.     height:19px;
  143.     background: url(G_module_box_heading_bg_middle.gif) top right repeat-x;
  144.     padding-top:5px;
  145.     width: 485px;
  146.     float: left;
  147.     margin-left: 5px;
  148. }
  149. .modulebox_topright {
  150.     background: url(G_module_box_heading_bg_right.gif) top right no-repeat;
  151.     height:24px;
  152.     width:5px;
  153.     float: right;
  154. }
  155. .modulebox_body {
  156.     clear:both;
  157.     border-right:1px solid #ccc;
  158.     border-left:1px solid #ccc;
  159.     padding: 15px;
  160.     padding-bottom:10px;
  161.     background-color: #FFFFFF;
  162. }
  163. .modulebox_body_nopadding {
  164.     border-right:1px solid #ccc;
  165.     border-left:1px solid #ccc;
  166.     padding: 0px;
  167. }
  168. .module_heading {
  169.     font-weight:bold;
  170.     color:#FFFFFF;
  171.     margin-left:5px;
  172. }
  173. .module_heading_note{
  174.     color:#FFFFFF;
  175.     font-weight: normal;
  176. }
  177. .modulebox_bottomleft {
  178.     background: url(G_modulebox_bl.gif) bottom left no-repeat;
  179.     height:5px;
  180.     margin-top:0px;
  181. }
  182. .modulebox_bottomborder {
  183.     border-bottom:1px solid #ccc;
  184.     margin-left:5px;
  185.     margin-right:5px;
  186.     height:4px
  187. }
  188. .modulebox_bottomright {
  189.     background: url(G_modulebox_br.gif) top right no-repeat;
  190.     height:5px;
  191.     width:5px;
  192.     float:right;
  193.     margin-top:-5px;
  194. }
  195.  
  196.  
  197. /***********Module Item **********/
  198. .module_item_heading {
  199.     display:block;
  200.     font-weight:bold;
  201.     font-size:13px;
  202.     margin-bottom: 1px;
  203.     color: #222;
  204. }
  205.  
  206. .module_items td {
  207.     /*vertical-align:top;*/
  208. }
  209. .module_items td.action_buttons_col{
  210.     text-align:right;
  211.     min-width: 100px;
  212.     vertical-align:top;
  213. } 
  214.  
  215. /***Module Item List****/
  216. .list td {
  217.     vertical-align:top;
  218.     padding:15px 15px;
  219.     border-top: 1px solid #ccc;
  220. }
  221.  
  222. .toprow td {
  223.     vertical-align:top;
  224.     border-top:0;
  225. }
  226. td.action_buttons_col{
  227.     width:auto;
  228. }
  229.  
  230. /*******Detail Rounded Corner Box*******/
  231. .detail_box {
  232.     background: url(G_detail_box_tl.gif) top left no-repeat;
  233.     width:100%;
  234.     margin-top:10px;
  235.     background-color:#f7f7f7;
  236. }
  237. .detail_box_topborder {
  238.     border-top:1px solid #ccc;
  239.     margin-left:5px;
  240.     margin-right:5px;
  241.     height: 4px;
  242. }
  243. .detail_box_topright {
  244.     background: url(G_detail_box_tr.gif) top right no-repeat;
  245.     height:5px;
  246.     width:5px;
  247.     float: right;
  248.     margin-top: -5px;
  249. }
  250. .detail_box_body {
  251.     clear:both;
  252.     border-right:1px solid #ccc;
  253.     border-left:1px solid #ccc;
  254.     margin:0;
  255.     padding:5px 10px 10px 10px;
  256.     background-color:#f7f7f7;
  257.     margin-top:-1px;
  258. }
  259. .detail_box_body_nopadding {
  260.     clear:both;
  261.     border-right:1px solid #ccc;
  262.     border-left:1px solid #ccc;
  263.     margin:0;
  264.     padding:0;
  265.     background-color:#f7f7f7;
  266.     margin-top:-1px;
  267. }
  268. .detail_box_bottomleft {
  269.     background: #f7f7f7 url(G_detail_box_bl.gif) bottom left no-repeat;
  270.     height:5px;
  271.     margin-top: -1px;
  272. }
  273. .detail_box_bottomborder {
  274.     border-bottom:1px solid #ccc;
  275.     margin-left:5px;
  276.     margin-right:5px;
  277.     height:4px
  278. }
  279. .detail_box_bottomright {
  280.     background: url(G_detail_box_br.gif) top right no-repeat;
  281.     height:5px;
  282.     width:5px;
  283.     float:right;
  284.     margin-top:-5px;
  285. }
  286. /***********************Global button styles***********************************/
  287. /************Default Buttons***********/
  288. a.button {
  289.     background: transparent url('G_button_a.gif') no-repeat scroll top right;
  290.     color: #383838;
  291.     display: block;
  292.     font: normal 11px Tahoma, arial, sans-serif;
  293.     height: 21px;
  294.     padding-right: 10px; /* sliding doors padding */
  295.     text-decoration: none;
  296. }
  297. a.button .bt_left {
  298.     background: transparent url('G_button_span.gif') no-repeat;
  299.     display: block;
  300.     line-height: 11px;
  301.     padding: 5px 0 5px 10px;
  302.     text-decoration: none;
  303. }
  304. a.button .bt_left .label {
  305.     text-align:center;
  306.     display:block;
  307.     text-decoration: none;
  308. }
  309. a.button:link {
  310.     text-decoration:none
  311. }
  312. a.button:visited {
  313.     text-decoration:none
  314. }
  315. a.button:hover {
  316.     text-decoration:none
  317. }
  318. a.button:active {
  319.     text-decoration:none
  320. }
  321. /*change the left and right padding to increase the button width*/
  322. /*a.button:hover {
  323.     background-position: -21px right;
  324.     color: #383838;
  325.     outline: none; 
  326.     text-decoration: none;
  327. }
  328. a.button:hover .bt_left {
  329.     background-position: -21px left;
  330.     padding: 5px 0 5px 10px;
  331.         text-decoration: none;
  332. }*/
  333. a.button_hover {
  334.     background: transparent url('G_button_a.gif') no-repeat scroll -21px right;
  335.     color: #383838;
  336.     display: block;
  337.     font: normal 11px Tahoma, arial, sans-serif;
  338.     height: 21px;
  339.     padding-right: 10px; /* sliding doors padding */
  340.     text-decoration: none;
  341.     outline: none; /* hide dotted outline in Firefox */
  342. }
  343. a.button_hover .bt_left {
  344.     background: transparent url('G_button_span.gif') no-repeat scroll -21px left;
  345.     display: block;
  346.     line-height: 11px;
  347.     padding: 5px 0 5px 10px;
  348.     text-decoration: none;
  349. }
  350. a.button_hover .bt_left .label {
  351.     text-align:center;
  352.     display:block;
  353.     text-decoration: none;
  354. }
  355. a.button_hover:link {
  356.     text-decoration:none
  357. }
  358. a.button_hover:visited {
  359.     text-decoration:none
  360. }
  361. a.button_hover:hover {
  362.     text-decoration:none
  363. }
  364. a.button_hover:active {
  365.     text-decoration:none
  366. }
  367. /*a.button:active {
  368.     background-position: -42px right;
  369.     color: #222222;
  370.     outline: none; 
  371.     text-decoration: none;
  372. }
  373. a.button:active .bt_left {
  374.     background-position: -42px left;
  375.     padding: 5px 0 5px 10px;
  376.         text-decoration: none;
  377. }*/
  378. a.button_active {
  379.     background: transparent url('G_button_a.gif') no-repeat scroll -42px right;
  380.     display: block;
  381.     font: normal 11px Tahoma, arial, sans-serif;
  382.     height: 21px;
  383.     padding-right: 10px; 
  384.     color: #222222;
  385.     outline: none; 
  386.     text-decoration: none;
  387. }
  388. a.button_active .bt_left {
  389.     background: transparent url('G_button_span.gif') no-repeat -42px left;
  390.     display: block;
  391.     line-height: 11px;
  392.     padding: 5px 0 5px 10px;
  393.     text-decoration: none;
  394. }
  395. a.button_active .bt_left .label {
  396.     text-align:center;
  397.     display:block;
  398.     text-decoration: none;
  399. }
  400. a.button_active:link{
  401.     text-decoration:none
  402. } 
  403. a.button_active:visited {
  404.     text-decoration:none
  405. }
  406. a.button_active:hover {
  407.     text-decoration:none
  408. }
  409. a.button_active:active {
  410.     text-decoration:none
  411. }
  412. /************Highlighted Buttons***********/
  413. a.button_highlighted {
  414.     background: transparent url('G_button_highlighted_a.gif') no-repeat scroll top right;
  415.     color: #383838;
  416.     display: block;
  417.     font: normal 11px Tahoma, arial, sans-serif;
  418.     height: 21px;
  419.     padding-right: 10px; /* sliding doors padding */
  420.     text-decoration: none;
  421. }
  422. a.button_highlighted .bt_left {
  423.     background: transparent url('G_button_highlighted_span.gif') no-repeat;
  424.     display: block;
  425.     line-height: 11px;
  426.     padding: 5px 0 5px 10px;
  427. }
  428. a.button_highlighted .bt_left .label {
  429.     text-align:center;
  430.     display:block;
  431. }
  432. a.button_highlighted:link {
  433.     text-decoration:none
  434. }
  435. a.button_highlighted:visited {
  436.     text-decoration:none
  437. }
  438. a.button_highlighted:hover {
  439.     text-decoration:none
  440. }
  441. a.button_highlighted:active {
  442.     text-decoration:none
  443. }
  444. /*change the left and right padding to increase the button width*/
  445. /*a.button_highlighted:hover {
  446.     background-position: -21px right;
  447.     color: #383838;
  448.     outline: none;
  449.     text-decoration:none;
  450. }
  451. a.button_highlighted:hover .bt_left {
  452.     background-position: -21px left;
  453.     padding: 5px 0 5px 10px;
  454. }*/
  455. a.button_highlighted:active {
  456.     background-position: -42px right;
  457.     color: #222222;
  458.     outline: none; /* hide dotted outline in Firefox */
  459. }
  460. a.button_highlighted:active .bt_left {
  461.     background-position: -42px left;
  462.     padding: 5px 0 5px 10px;
  463. }
  464.  
  465. /************Disabled Buttons***********/
  466. a.button_disabled {
  467.     background: transparent url('G_button_disabled_a.gif') no-repeat scroll top right;
  468.     color: #8d8d8d;
  469.     display: block;
  470.     font: normal 11px Tahoma, arial, sans-serif;
  471.     height: 21px;
  472.     padding-right: 10px; /* sliding doors padding */
  473.     text-decoration: none;
  474.     cursor:default;
  475.     width:73px;
  476. }
  477. a.button_disabled .bt_left {
  478.     background: transparent url('G_button_disabled_span.gif') no-repeat;
  479.     display: block;
  480.     line-height: 11px;
  481.     padding: 5px 0 5px 10px;
  482. }
  483. a.button_disabled .bt_left .label {
  484.     text-align:center;
  485.     padding:0 4px;
  486.     display:block;
  487. }
  488. a.button_disabled:hover {
  489.     outline: none; /* hide dotted outline in Firefox */
  490. }
  491. a.button_disabled:hover .bt_left {
  492.     padding: 5px 0 5px 10px; /* push text down 1px */
  493. }
  494. a.button_disabled:active {
  495.     outline: none; /* hide dotted outline in Firefox */
  496. }
  497. a.button_disabled:active .bt_left {
  498.     padding: 5px 0 5px 10px;
  499. }
  500. /************Drop-Down Buttons***********/
  501. .button_dropdown {
  502.     width:auto;
  503.     clear:both
  504. }
  505. .button_dropdown a {
  506.     text-decoration:none
  507. }
  508. .button_dropdown a:hover {
  509.     text-decoration:none
  510. }
  511. /*Idle State*/
  512. a.button_dropdown_left {
  513.     background: transparent url('G_button_dropdown_middle.gif') no-repeat scroll top right;
  514.     color: #383838;
  515.     display: block;
  516.     font: normal 11px Tahoma, arial, sans-serif;
  517.     height: 21px;
  518.     padding-right: 10px; /* sliding doors padding */
  519.     text-decoration: none;
  520.     float: left;
  521. }
  522. a.button_dropdown_left .bt_left {
  523.     background: transparent url('G_button_span.gif') no-repeat;
  524.     display: block;
  525.     line-height: 11px;
  526.     padding: 5px 0 5px 10px;
  527. }
  528. a.button_dropdown_left .bt_left .label {
  529.     text-align:center;
  530.     display:block;
  531. }/*change the left and right padding to increase the button width*/
  532. a.button_dropdown_right {
  533.     background: transparent url(G_button_dropdown_right.gif) no-repeat scroll top right;
  534.     color: #383838;
  535.     display: block;
  536.     font: normal 11px Tahoma, arial, sans-serif;
  537.     height: 21px;
  538.     width:15px;
  539.     text-decoration: none;
  540. }
  541. /*Hover State - Label */
  542. a.button_dropdown_left_hover {
  543.     background: transparent url('G_button_dropdown_middle.gif') no-repeat scroll -21px right;
  544.     color: #383838;
  545.     display: block;
  546.     font: normal 11px Tahoma, arial, sans-serif;
  547.     height: 21px;
  548.     padding-right: 10px; /* sliding doors padding */
  549.     text-decoration: none;
  550.     float: left;
  551. }
  552. a.button_dropdown_left_hover .bt_left {
  553.     background: transparent url('G_button_span.gif') no-repeat -21px left;
  554.     display: block;
  555.     line-height: 11px;
  556.     padding: 5px 0 5px 10px;
  557.     outline: none; /* hide dotted outline in Firefox */
  558.     ;
  559. }
  560. a.button_dropdown_left_hover .bt_left .label {
  561.     text-align:center;
  562.     display:block;
  563. }/*change the left and right padding to increase the button width*/
  564. a.button_dropdown_right_hover {
  565.     background: transparent url(G_button_dropdown_right.gif) no-repeat scroll -21px right;
  566.     color: #383838;
  567.     display: block;
  568.     font: normal 11px Tahoma, arial, sans-serif;
  569.     height: 21px;
  570.     width:15px;
  571.     text-decoration: none;
  572.     outline: none; /* hide dotted outline in Firefox */
  573. }
  574. /*Hover State - Arrow */
  575. a.button_dropdown_right_hover_highlighted {
  576.     background: transparent url(G_button_dropdown_right.gif) no-repeat scroll -63px right;
  577.     color: #383838;
  578.     display: block;
  579.     font: normal 11px Tahoma, arial, sans-serif;
  580.     height: 21px;
  581.     width:15px;
  582.     text-decoration: none;
  583.     outline: none; /* hide dotted outline in Firefox */
  584. }
  585. /*Active State*/
  586. a.button_dropdown_left_active {
  587.     background: transparent url('G_button_dropdown_middle.gif') no-repeat scroll -42px right;
  588.     color: #383838;
  589.     display: block;
  590.     font: normal 11px Tahoma, arial, sans-serif;
  591.     height: 21px;
  592.     padding-right: 10px; /* sliding doors padding */
  593.     text-decoration: none;
  594.     outline: none; /* hide dotted outline in Firefox */
  595.     float: left;
  596. }
  597. a.button_dropdown_left_active .bt_left {
  598.     background: transparent url('G_button_span.gif') no-repeat -42px left;
  599.     display: block;
  600.     line-height: 11px;
  601.     padding: 5px 0 5px 10px;
  602.     outline: none; /* hide dotted outline in Firefox */
  603.     ;
  604. }
  605. a.button_dropdown_left_active .bt_left .label {
  606.     text-align:center;
  607.     display:block;
  608. }/*change the left and right padding to increase the button width*/
  609. a.button_dropdown_right_active {
  610.     background: transparent url(G_button_dropdown_right.gif) no-repeat scroll -42px right;
  611.     color: #222222;
  612.     display: block;
  613.     font: normal 11px Tahoma, arial, sans-serif;
  614.     height: 21px;
  615.     width:15px;
  616.     text-decoration: none;
  617.     outline: none; /* hide dotted outline in Firefox */
  618. }
  619.  
  620.  
  621.  
  622. /* Progress bar */
  623. .progress_sp_bar_s {
  624.     padding-right: 5px;
  625.     display: block;
  626.     font-weight:bold;
  627.     margin-top: 1px;
  628.     color:white;
  629. }
  630. .progress_sp_emptybar_s {
  631.     padding-left: 5px;
  632.     color:#1d589c;
  633.     font-weight:bold;
  634.     white-space: nowrap;
  635. }
  636.  
  637. .detail_box_body_internet_speed {
  638.     border-right:1px solid #ccc;
  639.     border-left:1px solid #ccc;
  640.     margin:0;
  641.     padding:5px 10px;
  642.     background-color:#f7f7f7;
  643.     height: 87px;
  644. }
  645. .product_status td{
  646.     height:72px;
  647.     padding:13px 15px 5px 15px
  648. }
  649. .product_status p{
  650.     margin:0 0 6px 0
  651. }
  652. #spSubscriptionExpDate{color:#777}
  653. p#pUpdateButton{margin:15px auto 10px auto;
  654.     width: 113px;}
  655. p#pSubscriptionButton{margin:15px auto 10px auto;
  656.     width: 113px;}
  657. td.wizards_menu {padding:12px 15px; color:#777}
  658.